// 头部悬浮违背了vue不直接操作dom的方式
// 可以理解为vue与其他框架的合用(部分采用vue数据驱动)
// 父子通信 动态绑定:msg === v-bind:msg

<template>
  <fixed></fixed>
  <banner></banner>
  <Vnav :msg="msg"></Vnav>
  <News></News>
  <Tu></Tu>
  <Vfooter></Vfooter>
</template>

<script>
import Banner from 'components/Banner'
import Fixed from 'components/Fixed'
import Vnav from 'components/Vnav'
import News from 'components/News'
import Tu from 'components/Tu'
import Vfooter from 'components/Vfooter'
export default {
  components: {
    Banner,
    Fixed,
    Vnav,
    News,
    Tu,
    Vfooter,
  },
  data: function(){
    return {
      msg: ""
    }
  }
}
</script>

<style>
*{
  margin: 0;
  padding: 0;
}
li{
  list-style: none;
}
</style>
  